前提

1. useraddしてfooユーザーを作成

2. su -l fooでチェンジ

3. デフォルトユーザーのenvironmentの中でyarn create react-app hello-react-app

4. その中でyarn start

5. プレビュー

でもこんな感じの画面で見れません。

デフォルトユーザーとの違い

よく見ると作ったユーザーはポート3000で建ててるのに、デフォルトユーザーでは8080で建っています。どうやらデフォルトユーザーの環境変数には$PORTに8080が登録されてて、これを見ている様子です。

画像の注意書きにもそのような感じのことが書かれてますね。

package.json の編集

では、8080で立つように scriptsのstartをPORT=8080 react-scripts startとしてみましょう。そして再度yarn start

結果

無事プレビューできました！